<template>
  <div class="hidden md:flex gap-4 pr-2 flex-col md:w-2/5 lg:w-1/3 xl:w-1/4">

    <Search />

    <SideNav />

    <FilterNav />

  </div>
</template>
<script lang="ts">
import { defineComponent } from 'vue'
import Search from './Search.vue';
import SideNav from './SideNav.vue';
import FilterNav from './FilterNav.vue';
export default defineComponent({
  components: { Search, SideNav, FilterNav }
})
</script> 
